<cp-navbar (onClickLeft)="onClickLeft()"></cp-navbar>
<div class="error" *ngIf="error"><cp-error (reload)="handleReload()"></cp-error></div>
<div class="loading" *ngIf="loading"><cp-loading></cp-loading></div>
<div class="container" *ngIf="!error && !loading">
  <div class="list" *ngIf="list.length > 0">
    <div class="gutter"></div>
    <div
      class="item"
      *ngFor="let item of list; trackBy: trackByFn"
      routerLink="/workspace/home/serviceCommentDetail"
      [queryParams]="{ id: item.Id }"
    >
      <div class="left"><img [src]="item.Photo" class="avatar" /></div>
      <div class="right">
        <div class="name-text">
          <span class="name">经纪人({{ item.Name }})</span> <span class="text">邀请您对其服务进行评价</span>
        </div>
        <p class="submit-time">{{ item.SubmitTime }}</p>
        <div class="project">
          <span class="label">预约楼盘：</span> <span class="value">{{ item.Project }}</span>
        </div>
        <div class="update-time">
          <div class="project">
            <span>预约时间：</span> <span class="value">{{ item.IntentTime }}</span>
          </div>
          <button class="btn btn-primary" routerLink="../serviceCommentDetail" [queryParams]="{ id: item.Id }">
            评价
          </button>
        </div>
      </div>
    </div>
  </div>
  <cp-loadmore *ngIf="list.length > 0 && !nomore"></cp-loadmore>
  <cp-nomore *ngIf="list.length > 5 && nomore"></cp-nomore>
  <div class="empty" *ngIf="list.length === 0"><cp-empty></cp-empty></div>
</div>
